//解决低版本浏览器不支持编译es6
import '@babel/polyfill';

import Vue from 'vue';
import App from './App.vue';

Vue.config.productionTip = false;//阻止vue在启动时生成生产提示。为true会在生产环境提示
Vue.config.debug = true;//开启debug模式

//静态资源的默认路径
Vue.prototype.$baseUrl = process.env.BASE_URL;

//导入router实例
import router from './routes';

// 引入Ant Design Vue
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';
Vue.use(Antd);

import { message } from 'ant-design-vue'
Vue.prototype.$message = message;
message.config({
  duration: 5,
});

// vue-meta，更优雅的管理头部标签
import VueMeta from 'vue-meta';
Vue.use(VueMeta);

//引入懒加载插件
import VueLazyload from 'vue-lazyload'
Vue.use(VueLazyload, {
  preLoad: 1.3,
  error: '/static/img/houseList-noData.jpg',//当加载图片失败的时候
  loading: '/static/img/loading2.svg',//当加载图片中的时候
  // set observer to true
  observer: true,
  // optional
  observerOptions: {
    rootMargin: '0px',
    threshold: 0.1
  }
});

// axios及其封装方法
import axios from 'axios'
import {Get, Post, Put, Delete} from './axios.js'
//定义全局变量
Vue.prototype.$get = Get;
Vue.prototype.$post = Post;
Vue.prototype.$put = Put;
Vue.prototype.$delete = Delete;
Vue.prototype.$axios = axios;

// 点击水波纹效果
import Ripple from 'vue-ripple-directive';
Ripple.color = 'rgba(255, 255, 255, 0.35)';
Vue.directive('ripple', Ripple);

//货币格式化
import accounting from 'accounting';
Vue.prototype.$accounting = accounting;

//全屏相册插件
import preview from 'vue-photo-preview'
import 'vue-photo-preview/dist/skin.css'
Vue.use(preview);

//时间日期格式化
import moment from 'moment';
Vue.prototype.$moment = moment;
moment.locale('zh-cn');//汉化

//引用全局方法
import globalBase from './globalBase'
Vue.use(globalBase);//将全局方法和自定义过滤器当做插件来进行注册

//vuex全局状态管理
import store from './store';
//可导出，供其他JS使用，比如router.js
// export default {
//     store
// }

new Vue({
  router,
  store,
  render: h => h(App),
}).$mount('#app');
